#fnp-nav {font-size:13px;color:#000;font-family:Helvetica, Arial, Verdana, Sans-serif;text-align:left;}
.fnp-previous {position:fixed;top:50%;left:30px;height:37px;width:20px;z-index:9999;}
.fnp-next {position:fixed;top:50%;right:30px;height:37px;width:20px;z-index:9999;}
.fnp-previous a, .fnp-next a {transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;-moz-transition:all 0.4s ease;opacity:0.6;}
.fnp-previous a:hover, .fnp-next a:hover  {opacity:1;text-decoration:none;}
.fnp-box-left {position:relative;width:20px;height:37px;background:url(../imgs/arrow-left.png) no-repeat;}
.fnp-content-left {overflow:hidden;width:200px;height:100px;padding:5px 10px 0 40px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;color:#000;background:#fff;display:block;position:absolute;top:-36px;left:-400px;z-index:-1;}
.fnp-box-right {position:relative;width:20px;height:37px;background:url(../imgs/arrow-right.png) no-repeat;}
.fnp-content-right {overflow:hidden;width:200px;height:100px;padding:5px 40px 0 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;color:#000;background:#fff;display:block;position:absolute;top:-36px;right:-400px;z-index:-1;}
.fnp-nav-title {opacity:0;font-weight:bold;color:#dd0000;margin: 5px 0;}
.fnp-nav-link {opacity:0}
.fnp-content-left .fnp-content-border {height:4px;width:251px;background:#dd0000;position:absolute;top:0;left:0;}
.fnp-content-right .fnp-content-border {height:4px;width:251px;background:#dd0000;position:absolute;top:0;right:0;}
@media screen and (max-width: 900px) {
    .fnp-previous {display:none;}
    .fnp-next {display:none;}
}